@charset "utf-8";
/* CSS Document */
@font-face {font-family: "Opensans-Regular";src: url("../font/font.woff2");}
@font-face {font-family:BarlowCondensed-Regular; src:url(../font/BarlowCondensed-Regular.ttf);}
@font-face{font-family:'din'; src: url('../font/din.OTF');}
@font-face {font-family: roboto_l; src: url(../font/ROBOTO-LIGHT-10.TTF);}
@font-face {font-family: Barlow-Bold; src: url(../font/Barlow-Bold.TTF);}
@font-face{ font-family:LEMONMILK; src:url(../font/LEMONMILK-1.OTF);}
@font-face {font-family: Humanist521BT;src: url("../font/Humanist521BT.TTF");    }
@font-face {font-family: PingFang; src: url(../font/PingFangLight.TTF);}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}
body{ color: #333;  font-size:14px; font-family: "Microsoft YaHei","微软雅黑"; overflow-x:hidden;}
a{text-decoration:none; color:#333;}
a:hover{color:#D81E1F;}

ul,li{list-style:none;}
.clear{clear:both;}
img{border:0;}
.fl{float:left;}
.fr{float:right;}
.fot_blank{height:1rem;}


/*滚动条美化*/
body::-webkit-scrollbar {
  width: 10px !important;
}
body::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}
body::-webkit-scrollbar-track-piece {
  background-color: #f3f3f3;
  -webkit-border-radius: 4px;
}
body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border: solid 1px #C0C0C0;
  border-radius: 4px;
}
body::-webkit-scrollbar-corner {
  background-color: #ddd;
}
body::-webkit-resizer {
  background-repeat: no-repeat;
  background-position: bottom right;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #F3F3E0;
}
::-webkit-scrollbar {
  width: 15px;
}

/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; 
  -webkit-transform:scale(1.1);
  moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
opacity:1;}
.picShow img{transition:all 500ms ease-out 0s; }

.main100{width: 88%; margin: auto; max-width: 1400px; min-width: 1200px;}
.main{width:1200px; margin:auto;}
.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
.flex_start{display: flex;justify-content: flex-start;flex-wrap:wrap;}


/*文字省略*/
.ellipsis1 {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}

.col_3  li{width: 32%; margin-right:2%;}
.col_4  li{width: 23.5%; margin-right:2%;}
.col_3  li:nth-child(3n),
.col_4  li:nth-child(4n){ margin-right:0;}


/*头部*/
.header{height:100px;position: fixed; width:100%; background:#FFF; z-index:999;box-shadow: 0 5px 10px rgba(0,0,0,0.1);transition: 0.3s all;}
.header .logo{ margin-top:25px; transition: 0.3s;}
.header .logo img{height:50px; display:block;  transition:0.3s all;}

.blank_box{height:100px;}

/*电话*/
.header .tel{padding-left:45px; margin-left:15px; font-size:16px; height:100px; transition: 0.3s all; font-weight:bold; color: #D81E1F;background: url(../images/top1_1.png) 20px center no-repeat,url(../images/line.png) left center no-repeat;display:flex; flex-direction:column; justify-content:center;align-items:center;}


/*======================搜索======================*/
.header .serch{ margin-left:25px; height:100px; transition: 0.3s all;display:flex;justify-content:center;align-items:center; position:relative; }
.header .serch a{display:block; width:32px; height:32px; border-radius:50%; background:#004EA2; display:flex;justify-content:center;align-items:center; transition:0.3s all;}

.header .tc-box {width:260px; height:46px; background:#fff; position:absolute; left:-210px; top:100px; display:none; box-shadow:0 5px 10px rgba(0,0,0,.15);}
.header.scroll-down .tc-box{ top:80px;}

/*搜索弹窗内容样式*/
.header .tc-box form {position: relative;}
.header .tc-box .tc_fdj {position: absolute;left: 20px;display: block;height:46px;width: 25px;}
.header .tc-box #keyword {width: 75%;height:46px;padding: 0 20px; font-size:15px;color: #999;box-shadow: none;-webkit-appearance: none;border:0; box-sizing:border-box;outline:none; float:left;}
.header .tc-box .btn_submit {width: 25%;height:46px;line-height:50px;background: url(../images/icon-sq2.png) center no-repeat;font-size:16px;color: #fff;cursor: pointer;text-transform: uppercase;border:0; outline:none;}


/*下拉菜单*/
.navBox { position:relative; z-index:999; }
.navBox .nav{ height:100px; transition: 0.3s all;}
.navBox .nav li {position: relative; }
.navBox .nav li>a {display: block;position: relative; height:100%;padding: 0 .25rem; display:flex; justify-content:center;align-items:center;}
.navBox .nav li>a .bg {background: #D81E1F;position: absolute;left: 0px;bottom: 0px;width:100%;display: block;height:0;transition: 0.5s; opacity:0;visibility: hidden;}
.navBox .nav li>a .txt {position: relative;z-index: 2;font-size:16px;color:#333; transition: 0.3s;}

.navBox .nav li.curr>a .txt,.navBox .nav li.active .txt{ color:#D81E1F;}

.subNavbox{width:100%;position:absolute; top:100%;left:50%;background:rgba(255,255,255,.99); -webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,20px);transform:translate(-50%,20px); border-radius:5px;padding:15px 15px;opacity:0; pointer-events:none; transition:all .3s;box-shadow:0 5px 40px rgba(3,43,183,.25);}
.subNavbox:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:7px;border-color:transparent transparent #fff;}
.subNavbox p:not(:last-of-type){border-bottom:1px solid #ddd}
.subNavbox a{display:block;position:relative;font-size:15px;padding:15px 0; -webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1); text-align: center; }
.subNavbox a:before{content:"";position:absolute;top:7px;bottom:7px;left:-15px;width:3px;background: #D81E1F;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);transition:transform .3s cubic-bezier(.162,.85,.45,1);}
.subNavbox a.active,.subNavbox a:hover{color:#D81E1F}
.subNavbox a.active:before,.subNavbox a:hover:before{-ms-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.subNavbox.active{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; }


/*滚动*/
.header.scroll-down{ }
.header.scroll-top  {} 
/*导航下拉*/
.header.scroll-down,
.header.scroll-down .serch,
.header.scroll-down .tel,
.header.scroll-down .mail,
.header.scroll-down .nav{
	height:80px; }
.header.scroll-down .logo{margin-top:17px;}
.header.scroll-down .logo img{height:46px;}


/*======================轮播图======================*/
/*焦点图*/
	#banner {width:100%; min-width:1200px; position:relative; z-index:0; background:#000; overflow:hidden;}
	#banner .txt{position:absolute;z-index: 999;left:0;top:0;right:0; width:100%; height:100%; display: flex; justify-content:center; align-items:center;}
	#banner .txt h3{font-size:.56rem; color:#fff; font-weight: lighter; margin-bottom:.2rem; letter-spacing:2px;}
	#banner .txt p{font-size:.25rem; color:#fff; line-height:2em; letter-spacing:2px; font-weight: lighter;}

	#banner .txt h3 {transform:translateY(200px);opacity:0;transition:all 0.3s;}
	#banner .txt p {transform:translateY(200px);opacity:0;transition:all 0.6s;}
	#banner .txt .viewmore {transform:translateY(200px);opacity:0;transition:all 0.9s; margin-top:50px;}
	#banner .swiper-slide-active .txt h3,
	#banner .swiper-slide-active .txt p,
	#banner .swiper-slide-active .txt .viewmore{transform:translateY(0px);opacity:1; transition-delay:0.5s;}

	.viewmore {position: relative;}
	.viewmore a{pointer-events: all; display: block;width: 110px;height: 46px;line-height: 46px;border: 1px solid rgba(255,255,255,.35); color:#fff;padding:0 25px;position: relative;transition:all 0.3s; }
	.viewmore a i{width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px; background: url("../images/rb-1.png") center no-repeat;}
	.viewmore a:after { position:absolute; right:0; top:0; content: ""; width:0;background:rgba(255,255,255,.35);height:100%; transition:0.6s all;}
	.viewmore a:hover:after{width:100%; left:0;}

	#banner .swiper-slide .pic { position:relative; z-index:1;}
	#banner .swiper-slide .pic img{width:100%;transition: all 4s;  transform: scale(1,1); -webkit-transform: scale(1,1); display:block; /*-webkit-filter: blur(30px); filter: blur(30px);*/}
	/*#banner .swiper-slide-active .pic img{ transform: scale(1.06,1.06);  -webkit-transform: scale(1.06,1.06);  transition-delay:0.8s;*//* -webkit-filter: blur(0px); filter: blur(0px);}*/


/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat; margin-top:-36px;opacity:0.3;}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination{bottom: 20px;}
	#banner .swiper-pagination-bullet {width: 38px;height: 3px;border-radius:3px;background: rgba(255, 255, 255, .2);opacity: 1;position: relative;margin: 0 5px !important;}
	#banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 0;height: 3px;z-index: 1;transition: 0s; border-radius:3px;}
	#banner .swiper-pagination-bullet-active:before{width: 100%;transition: all 5s ease; border-radius:3px;}

#particles-js{position: absolute;width: 100%; height:100%; left:0; right:0; top:0; bottom:0; z-index:999; }
#particles-js {opacity: 0.6;}
.particles{pointer-events: none;}
.mouseEvents{ pointer-events: all;} 


/*页面标题*/
.main_tit{text-align:center; padding:.6rem 0 .4rem;width:100%; min-width:1200px;}
.main_tit_z{ font-size:.42rem; color:#000;}
.main_tit_f{ font-size:16px; color:#555; margin-top:.2rem;  text-transform:uppercase;}

/*================首页产品=====================*/
.index_pro{}
.index_pro  li{position:relative; overflow:hidden;margin-bottom:.25rem; width:23.5%; }
.index_pro  li .pic{overflow:hidden; height:2.3rem; border:solid 1px #e8e8e8;display:flex;justify-content:center;align-items:center;}
.index_pro  li .pic img{max-width:100%; max-height:100%; display:block; transition:0.3s all;}
.index_pro  li .txt{font-size:.16rem; text-align:center; line-height:.5rem; transition:0.3s all;}
.index_pro  li:hover .txt{ background:#004EA2; color:#fff;}
.index_pro  li:hover .pic img{transform:scale(0.9);}



/*================图片列表=====================*/
.pic_list{}
.pic_list  li{position:relative; overflow:hidden;margin-bottom:.25rem;}
.pic_list  li .pic{  background:#000; overflow:hidden; }
.pic_list  li img{width:100%; display:block; transition:0.3s all; opacity:0.9;}
.pic_list  li:hover img{opacity:0.8;}
.pic_list  li .txt{font-size:.16rem; text-align:center; line-height:.5rem; transition:0.3s all;}
.pic_list  li:hover .txt{ background:#004EA2; color:#fff;}


/*================公司介绍=====================*/
.index_about{background:url(../images/bg1.jpg) no-repeat center top; background-size:100% 100% ; padding-bottom:.8rem; margin-top:50px;}
.index_about p{font-size:16px; text-align:center; color:#fff; line-height:2; margin-bottom:30px;}
.index_about a{display: block;width: 110px;height: 46px;line-height: 46px;border: 1px solid rgba(255,255,255,.35); color:#fff;padding:0 25px;position: relative;transition:all 0.3s; margin:auto;}
.index_about a i{width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px; background: url("../images/rb-1.png") center no-repeat;}
.index_about a:after { position:absolute; right:0; top:0; content: ""; width:0;background:rgba(255,255,255,.35);height:100%; transition:0.6s all;}
.index_about a:hover:after{width:100%; left:0;}

/*================公司优势=====================*/
.youshi{}
.youshi  li{ width:23.5%; background:#f8f8f8;}
.youshi  li img{width:100%; height:2rem; display:block;}
.youshi  li .txt{ padding:25px 20px 25px 20px; }
.youshi li .txt h5 {text-align: center;font-size: 20px;}
.youshi li h5:after {content: "";display: block;width: 15px;background: #D81E1F;height: 2px;margin: 10px auto 10px auto;}
.youshi li p{ line-height:2; text-align:justify;}


/*================维保服务=====================*/
.wbfw_bg{ background:url(../images/pro_bg.jpg) no-repeat center top; background-size:100% 100% ; padding-bottom:.9rem;}
.wbfw  li{ width:31.6%; background:#fff;}
.wbfw  li img{width:100%; height:2.8rem; display:block;}
.wbfw  li .txt{ padding:.5rem 20px 0 20px; height:2.8rem; box-sizing:border-box;}
.wbfw li .txt h5 {text-align: center;font-size:.22rem;}
.wbfw li h5:after {content: "";display: block;width: 15px;background: #D81E1F;height: 2px;margin: 10px auto .15rem auto;}
.wbfw li p{ line-height:2; text-align:center; font-size:.16rem;}




/*================新闻动态=====================*/
.news_bg{ background:url(../images/case_bg.png) no-repeat center top; background-size:100% 100% ; }

.index_news {margin-bottom:.8rem;}
.index_news dl{ width:31.6%;box-shadow: 0px 5px 10px rgba(0,0,0,.1); transition:0.3s all;}
.index_news dl:hover{box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.index_news dt{ position:relative; background:#000; }
.index_news dt img{display: block; width:100%; opacity:0.6;}
.index_news dt h5{position:absolute; width:100%; text-align:center; top:40%; font-size:25px; font-weight:normal; color:#fff;}

.index_news dd{ padding:20px 15px; background:#fff;}
.index_news dd li{line-height:3em; background: url(../images/dian.png) no-repeat left center; padding-left: 15px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.index_news dd li span{float:right; color:#888; margin-left:10px; font-size:13px;}





/*================底部=====================*/
.footer{ width:100%; min-width:1200px; background: url(../images/foot_map.png) no-repeat center top #004EA2; padding:.8rem 0 0px 0; margin-top:.6rem;}

.footer_nav{width:50%;}
.footer_nav dt {position:relative; font-size:.18rem; height:48px; border-bottom:solid 1px rgba(255,255,255,0.2); margin-bottom:25px;}
.footer_nav dt:after {width: 15px;height: 2px;position: absolute;left: 0;bottom: -1px;content: '';background: rgba(255,255,255,0.6);}
.footer_nav dt a{color:#fff; transition:0.5s all;}
.footer_nav dd{font-size:.16rem; line-height:2.4;}
.footer_nav dd a{color:rgba(255,255,255,0.76);transition:0.5s all;}
.footer_nav dd a:hover,.footer_nav dt a:hover{color:#fff;}

.b_weixin{  text-align:center; margin-left:25px; }
.b_weixin h4{padding: 0 0 0 25px;font-size:.18rem;color: #fff;background: url(../images/icon_ewm.png) 0 center no-repeat; margin-bottom: 30px; font-weight:normal;}
.b_weixin li{}
.b_weixin li img{ width:115px; margin-bottom:12px;}
.b_weixin li p{font-size: 14px; text-align:center; color:rgba(255,255,255,0.46);}

.b_contact{width:30%;}
.b_contact h4{padding: 0 0 0 30px;font-size:.18rem;color: #fff; background: url(../images/icon_ren.png) left center no-repeat;margin-bottom: 20px; font-weight:normal;}
.b_contact p{ font-size:15px;color:rgba(255,255,255,0.66); line-height:40px;}
.b_contact p.foot_tel {font-size:38px;font-family: din;  margin-bottom:10px; color:#fff;}

.copyright{padding:20px 0; color:rgba(255,255,255,0.46); margin-top:.5rem; background:#01438a; text-align:center;}
.copyright a{color:rgba(255,255,255,0.46); margin:0 5px;}






/*内页banner=*/
.page_ban{ margin-bottom:.6rem;}
.page_ban .pic img{width:100%; display:block;}


.page_side{width:280px;}
.page_side_title{ font-size: 25px;color: #FFF; background:#004EA2; text-align:center; padding: 20px 0; }

.page_main{width:calc(100% - 320px); padding:20px .5rem 50px .5rem ; box-sizing:border-box; border:solid 1px #e8e8e8;}

/*位置*/
.page_main_title{ height:51px; margin-bottom:30px;background: url(../images/right_title_bg.jpg) repeat-x left bottom;}
.page_main_title  h3{font-size: 22px; border-bottom: solid 6px rgba(0,78,162,0.6); }
.page_main_title .weizhi{background:url(../images/home_ico.png) no-repeat left 14px; padding-left:23px; line-height:40px;  color:#666; font-size:12px; text-transform:uppercase;}
.page_main_title .weizhi a{color:#666;}



/*子栏目*/
.sub_nav{padding:10px 25px 25px 25px; background:#fff;border:solid 1px #ddd; border-top:0;}
.sub_nav ul{}
.sub_nav li{line-height:50px; border-bottom:solid 1px #e8e8e8; background:url(../images/sanjiao.png) no-repeat right center; padding-left:3px;}
.sub_nav li a{display:block; font-size:15px;}
.sub_nav li.on,.sub_nav li:hover{background:url(../images/sanjiao1.png) no-repeat right center;}
.sub_nav li.on a{ color:#D81E1F; font-weight:bold;}


/*大家都在看*/ 
.hot_read {margin-top: 20px;border: solid 1px #ddd;padding: 15px 15px 15px 15px; box-sizing: border-box; background:#fff;}
.hot_read h6 {font-size: 15px;height: 30px;border-bottom: solid 1px #e8e8e8; margin-bottom:10px; }
.hot_read li {line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; background: url(../images/dian.png) no-repeat left center;padding-left: 15px; }


/*======================图文列表======================*/
.pic_art_list{}
.pic_art_list li{border-bottom:solid 1px #e8e8e8; padding-bottom:.35rem; margin-bottom:.35rem; transition: all .5s;}
.pic_art_list li .pic{width:200px; height:200px; border:solid 1px #e8e8e8; float:left; margin-right:40px; overflow:hidden; display:flex;justify-content:center;align-items:center;}
.pic_art_list li .pic img{max-width:100%; max-height:100%; display:block;}
.pic_art_list li .txt {}
.pic_art_list li .txt .time { color:#888; font-family:roboto_l;  margin:18px 0 15px;}
.pic_art_list li .txt h5{ font-size:20px; color:#111; margin-top:.1rem;}
.pic_art_list li .txt p{ line-height:2; color:#666; text-align:justify; }
.pic_art_list li .txt a.more {width: 125px;height: 38px; line-height: 38px; margin-top:15px; background: #004EA2;display:inline-block;text-align: center;color: #fff; transition: all .5s;}
.pic_art_list li .txt a.more:hover {background:#f24330;}


/*==============新闻中心=======================*/
.n_news2 {}
.n_news2 li{margin-bottom:25px;padding-bottom:20px; border-bottom:dotted 1px #ccc;}
.n_news2 .rq{ font-size:34px; color:#979797; width:50px;text-align:center;font-family:BarlowCondensed-Regular;}
.n_news2 .rq span{ font-size:16px; display:block; border-top:1px solid #999; padding-top:10px; margin-top:10px;}
.n_news2 .txt{ width:calc(100% - 80px);}
.n_news2 h5{font-size:18px; margin-bottom:10px;} 
.n_news2 p{ color:#888; line-height:2;} 


.news_list li{line-height:2.6; font-size:16px; background:url(../images/dian1.png) no-repeat left center; padding-left:15px; box-sizing:border-box;}
.news_list li span{float:right; font-size:14px; color:#888;}


/*==============产品中心=======================*/
.menubox {border: solid 1px #ddd; padding:15px; border-top:0; line-height:2.5; font-size:14px;}

			/*折叠菜单  菜单中一级菜单的样式*/
			.panneltitle {border-bottom: solid 1px #ddd; cursor:pointer;}
			.panneltitle:hover,.menubox a:hover{ color:#f00;}

			/*折叠菜单  （二级）菜单中二级菜单的样式*/
			.pannelbox {display: none;}

			/*折叠菜单  （多级）菜单中二级菜单的样式*/
			.pannelbox .panneltitle {
				text-indent:10px;
			}
			
			/*折叠菜单  （多级）菜单中三级菜单的样式*/
			.pannelbox .pannelbox .panneltitle {
				text-indent:20px;
			}
			/*折叠菜单  （多级）菜单中三级菜单的样式*/
			.cat_1{text-indent:0px;border-bottom: solid 1px #ddd;}
			.cat_2{text-indent:10px;border-bottom: solid 1px #ddd;}
			.cat_3{text-indent:20px;border-bottom: solid 1px #ddd;}
			.cat_4{text-indent:30px;border-bottom: solid 1px #ddd;}
			.menubox .active a{color:#f00;}

/**/
.pro_box1{}
.pro_box1 .pic{width:40%; height:300px; border:solid 1px #e8e8e8; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center;align-items:center;}
.pro_box1 .pic img{max-width:100%; max-height:100%; display:block;}
.pro_box1 .txt{width:55%;}
.pro_box1 .txt h1{font-size:.3rem; margin-bottom:15px;}
.pro_box1 .txt p{font-size:16px; line-height:2;}


/*按钮*/
.pro_box1 .txt  .ft{ margin-top:50px;}
.pro_box1 .txt  .ft li{display: inline;}
.pro_box1 .txt  .ft li a{display: inline-block; border-radius: 3px;width:25%; height: 40px; text-align: center;border:1px solid #f24330; margin-right:10px;font-size: 16px;  line-height: 40px; color:#f24330;}
.pro_box1 .txt  .ft li a:hover{color: #fff;background-color: #ff6347;}
.pro_box1 .txt  .ft li.c_red a{background-color: #c63f45;border: 1px solid #c63f45;color: #fff;}
.pro_box1 .txt  .ft li.c_red a:hover{background-color: #e52831;border: 1px solid #e52831;}

/*客服*/
.pro_box1 .txt  .ft .chat { background: #df3033 url(../images/small_icon.png) 25px -136px no-repeat; border: 1px solid #df3033; color: #fff; transition:0.3s all;}
.pro_box1 .txt  .ft .chat:hover { background: #c4181f url(../images/small_icon.png) 25px -180px no-repeat; color: #fff; }
/*微信*/
.pro_box1 .txt  .ft .wechat { background: #1c980b; border: 1px solid #2bad13;color: #fff; transition:0.3s all; position: relative;}
.pro_box1 .txt  .ft .wechat:hover { background: #2bad13; }
.pro_box1 .txt  .ft a span { display: none; width: 142px; height: 150px; background: url(../images/wechat.png) center no-repeat; text-align: center; position: absolute; bottom: 43px; left: -2px; }
.pro_box1 .txt  .ft a span img { width: 122px; height: auto; margin-left: 0px; margin-top: 10px; }
.pro_box1 .txt  .ft a:hover span { display: block; }


.xxsm{background: #f2f2f2;  margin:35px 0 25px 0px;}
.xxsm h5{font-size:20px; color:#fff;  padding: 15px 25px; background:#004EA2; display:inline-block; font-weight:normal;}


/*================相关产品=====================*/
.xg_pro{}
.xg_pro  li{position:relative; overflow:hidden;margin-bottom:.25rem; width:32%; margin-right:2%;}
.xg_pro  li:nth-child(3n){margin-right:0;}
.xg_pro  li .pic{overflow:hidden; height:200px; border:solid 1px #e8e8e8;display:flex;justify-content:center;align-items:center;}
.xg_pro  li .pic img{max-width:100%; max-height:100%; display:block; transition:0.3s all; opacity:0.9;}
.xg_pro  li:hover img{opacity:0.8;}
.xg_pro  li .txt{font-size:.16rem; text-align:center; line-height:.5rem; transition:0.3s all;}
.xg_pro  li:hover .txt{ background:#004EA2; color:#fff;}


/*弹窗*/
.tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;}
.tc{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc-bg {height: 100%;background: rgba(0,0,0,.8);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

.buy_form{width:10rem; height:7rem; padding:.5rem .8rem; background:#fff; box-sizing:border-box; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; margin:auto;}
.buy_form .close{position:absolute; top:40px; right:40px; cursor:pointer;}

.buy_form .tit{font-size:.4rem; color:#000; margin-bottom:.1rem}
.buy_form .info{ line-height:2em; font-size:.16rem; color:#888; border-bottom:solid 1px #ddd; height:.5rem; margin-bottom:.35rem;}

.buy_form ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
.buy_form li{font-size:.15rem; margin-bottom:.15rem; width:49%;}

.buy_form input{padding:.2rem;width:100%; box-sizing:border-box;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px; font-size:.16rem;
}
.buy_form textarea{padding:.2rem;width:100%; box-sizing:border-box;border: 1px solid rgba(0,0,0,.1); height:125px; border-radius: 2px; font-size:.16rem; font-family:"微软雅黑";}
.buy_form .form-group {width:100%;}
.buy_form .form-group input{width:49%; margin-right:1%;  margin-bottom:.2rem;}

.buy_form .submit{ border:none; font-size:.2rem; cursor:pointer; text-align:center; color:#fff; background:#004EA2; border-radius: 3px; transition:0.3s all; width:100%; height:.6rem; line-height:.6rem;}
.buy_form .submit:hover{ background:#f24330; color:#fff; text-decoration:none;}






/*表单*/
.biaodan{ padding:.8rem .9rem;}
.biaodan li{font-size:.16rem; margin-bottom:.2rem; position:relative;}
.biaodan li.red:before{
    position: absolute;
    content: "* ";
    color: red;
    left: -20px;
    top: 20px; font-size:.18rem;
}
.biaodan input{padding:.2rem;width:100%; outline:none; box-sizing:border-box; font-size:.18rem; background: #f2f5f7; border:0;}
.biaodan textarea{padding:.2rem;width:100%; box-sizing:border-box; height:125px; font-size:18px; background: #f2f5f7; border:0; font-family:"微软雅黑";}
.biaodan .form-group {width:100%;}
.biaodan .form-group input{width:50%; margin-right:1%;  margin-bottom:.2rem;}

/*.biaodan li input[type=text]:focus,.biaodan li textarea:focus{border:solid 1px #FEB97F;}*/

.biaodan .submit{ border:none; outline:none; font-size:.2rem; cursor:pointer; text-align:center; color:#fff; background: #004EA2; box-shadow: 0 6px 12px rgba(59,126,209,.4); transition:0.3s all; width:100%; height:.66rem; line-height:.66rem;}
.biaodan .submit:hover{ background:#f90; color:#fff;}






/*分页*/
.search-pagination{text-align:center; margin:30px 0 0px 0;}
.pagination li {display: inline-block;margin:0 3px; transition: 0.3s;/*box-shadow: 2px 2px 20px rgba(0,0,0,.05);*/ font-family:"tt_1";}
.pagination li a{display: inline-block;font-size: 18px;width: 52px;height: 52px;line-height: 52px;color: #555;box-sizing: border-box; transition:0.3s all; border-radius:3px; position:relative;}
.pagination li.active a,.pagination li a:hover{color: #fff !important;}
.pagination li a:before{ content: ""; display: block; position: absolute; left: 0; top: 0; z-index: -1; background:#f2f2f2; border-radius:5px;width:100%; height: 100%;}
.pagination li a:after{ content: ""; display: block; width:100%; height: 100%; opacity: 0; transform: scale(0); border-radius:3px; position: absolute; right: 0; top: 0; z-index:-1; background: #004EA2; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius:3px; -o-border-radius: 5px; transition:0.3s all;}
.pagination li:hover a:after,.pagination li.active a:after{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }



/*show*/
.page_show{display: flex;justify-content: space-between; }
.page_show .show_side{width:3.4rem; min-height:5rem; position:relative;}
.page_show .show_box{width:calc(100% - 4rem); background:#fff; padding:.5rem .5rem; box-sizing:border-box;}

/*文章标题*/
.title_txt {font-size:.3rem;line-height:1.8em; text-align:center;}
.art_info{line-height:.6rem; font-size:13px; margin-bottom:.3rem; color:#999; border-bottom: solid 1px #e8e8e8; text-align:center;}
.art_info em{margin-right:20px; font-style:normal;}

/*正文*/
#art_box { font-size:16px; text-align:justify; line-height:2em; color:#555;}
#art_box p {margin-bottom:.2rem; }
#art_box p img{ max-width:100%;}
#art_box a{color:#0000FF;}
#art_box table{ border:1px solid #eff3f8; border-collapse:collapse;   font-size:14px; line-height:24px;text-align:center;}
#art_box table tr:nth-child(1){ font-size:14px; background:#eff3f8; font-weight:bold;}
#art_box table td{padding:5px 10px; border:1px solid #D5DFEC;}
#art_box table td:nth-child(2){text-align:left;}


/*相关阅读*/
.xg_tit h5{font-size:20px; margin:.5rem 0 .25rem 0; position:relative; padding-left:15px;}
.xg_tit h5:after {width:4px;height:18px; 
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    background:#004EA2;
}

.xg_art{}
.xg_art h5{font-size:20px; margin:.5rem 0 .25rem 0; position:relative; padding-left:15px;}
.xg_art h5:after {width:4px;height:18px; 
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    background:#004EA2;
}
.xg_art ul li{ width:47%; line-height:2.6; font-size:15px; background:url(../images/dian1.png) no-repeat left center; padding-left:15px; box-sizing:border-box;}

/*内容右侧*/
.page_show .show_side .con{}
.page_show .show_side .con h2{font-size:.22rem;  margin-bottom: .2rem;/* position:relative;  padding-left:15px;*/}
/*.page_show .show_side .con h2:before{ content: ""; position: absolute; left: 0; top: 4px; width:3px; height:.22rem; background:#004EA2;}*/


.page_show .show_side .serch{ position:relative;}
.page_show .show_side .serch input{ outline:none;}
.page_show .show_side .serch input[name=keyword]{ border:solid 0px #e8e8e8; background:#fff; width:80%; height:.6rem; font-size:.16rem; padding:0 20px; box-sizing:border-box;}
.page_show .show_side .serch input[type=submit]{ position:absolute; cursor:pointer; right:0; top:0; height:.6rem; width:20%;border:0; background: url(../images/serch.png) no-repeat center #004EA2;}

.page_show .show_side .swiper-container{ position:relative;}
.page_show .show_side .button-next{ float:right; outline:none;color: #7e7e7e;cursor:pointer;margin-top:5px;}

.page_show .show_side .swiper-container li a { display: block; width:100%; overflow: hidden; margin-bottom:.2rem;padding-bottom:.2rem; border-bottom:dotted 1px #ccc; }	
.page_show .show_side .swiper-container li a .time { font-size: .14rem;  color:#666; font-family:roboto_l;  margin-top:.1rem; margin-bottom:.05rem;}
.page_show .show_side .swiper-container li a .time i{font-size:.12rem; margin-right:.05rem;}
.page_show .show_side .swiper-container li a h4 { font-size:15px; font-weight:normal; line-height:2em; }


/*系统表单样式*/
.portlet-body{ background:#f8f8f8; border-radius:5px;}
.portlet-body .form-group{margin-bottom:10px;}
.portlet-body .form-horizontal{ padding:50px 80px;}
.portlet-body .form-horizontal input{border:solid 1px #ccc; border-radius:5px; height:36px; line-height:36px; font-size:15px; color:#666; padding:0 10px; margin-top:5px; box-sizing:border-box; outline:none;}
.portlet-body .form-horizontal textarea{border:solid 1px #ccc; border-radius:5px; line-height:36px; font-size:15px; color:#666; padding:0 10px; margin-top:5px; box-sizing:border-box; outline:none;}
.portlet-body .form-horizontal .btn{width:128px; height:40px; line-height:40px; background:#0085c3; color:#fff; border:none; border-radius:5px; cursor:pointer; outline:none; transition:0.3s all;}
.portlet-body .form-horizontal .btn:hover{ background:#f60; color:#fff; text-decoration:none;}


/*上一篇下一篇*/
.ctrl{margin-top: 40px; display: flex;justify-content: space-between;}
.ctrl a{position: relative; height: 60px;width:33%; background-color: #e7e7e7; box-sizing: border-box;z-index: 99;transition: 0.3s;}
.ctrl a:before{
	content: "";
	position: absolute;
	bottom: 0;left: 0;
	width: 100%;height: 1px;
	background-color: #004EA2;
	opacity: 0;
	transition: 0.3s;
	z-index: -1;
}
a#back:after,a#prev:after,a#next:after{
	content: "";
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background-image: url(../images/btn-back.png);
	background-repeat: no-repeat;
	background-position: center;
	transition: 0.3s;
}
a#back:after{background-image: url(../images/btn-back.png);}
a#prev:after{background-image: url(../images/btn-prev.png);}
a#next:after{background-image: url(../images/btn-next.png);}

.ctrl a:hover:before{height: 100%;opacity: 1;}
a#back:hover:after{background-image: url(../images/btn-back2.png);}
a#prev:hover:after{background-image: url(../images/btn-prev2.png);}
a#next:hover:after{background-image: url(../images/btn-next2.png);}


/*404*/
.page_msg {padding: 50px;}
.page_msg h5 { line-height: 60px;border-bottom: 1px solid #ddd;margin-bottom: 10px; font-size:25px; text-align:center;}
.page_msg_con {color: #999; line-height:40px; text-align:center;padding: 25px 0;}
.page_msg_con i {font-size:100px;color: #ddd; margin-bottom:10px;}



/*==========文章列表===============*/
.art_list{}
.art_list li{font-size:16px; padding-left:15px; line-height:2.6em;  background:url(../images/dian.png) no-repeat left center;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.art_list li:nth-child(5n){border-bottom:dotted 1px #ccc; margin-bottom:.25rem; padding-bottom:.25rem;} 
.art_list li span{color:#888; float:right; font-size:14px;}



/*右侧浮动*/
.online_q {position: fixed;right:10px;bottom: 10%;/*transform: translateY(-50%);*/z-index: 99;transition:.5s;-webkit-transition:.5s;}
.online_q .btn2{cursor:pointer;position:relative;margin-bottom: 5px; text-align:center;transition:.3s;line-height: 54px; z-index: 0; }
.online_q .btn2 span{display:block;width: 54px;height: 54px;line-height: 54px;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;border-radius: 50%;background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.15);}
.online_q .btn2 svg{height: 22px;width: 22px;display: inline-block;vertical-align: middle;fill: #666;}
.online_q .btn2:hover span{background: #004EA2;}
.online_q .btn2:hover span svg{ fill:#fff;}

#gotop.hide{ height:0; overflow: hidden;}

.online_q .social-share{position:absolute;background: #004EA2;border-radius:3px;right:95px;top: 0;text-align: center;opacity:0;transition: .6s;-webkit-transition: .6s;visibility:hidden;font-size: 18px;color: #fff;white-space: nowrap;padding: 0 15px;}
.online_q .social-share1{height:auto;padding: 0 10px;}
.online_q .social-share:before{content:"";display:block;width:0;height:0;border:10px solid transparent;border-left: 10px solid #004EA2;position:absolute;right:-15px;top:50%;margin-top:-10px;}
.online_q .social-share img{width:80px;height:80px;margin-top:10px;margin-bottom:10px;}
.online_q .btn2:hover .social-share{opacity:1;right: 60px;visibility:visible;}
.online_q .social-share1:before{top: 24px;}